<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="css/iconfont.css">
<link rel="stylesheet" href="css/global.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/styles.css">
<script src="js/jquery.1.12.4.min.js" charset="UTF-8"></script>
<script src="js/bootstrap.min.js" charset="UTF-8"></script>
<script src="js/swiper.min.js" charset="UTF-8"></script>
<script src="js/global.js" charset="UTF-8"></script>
<script src="js/jquery.DJMask.2.1.1.js" charset="UTF-8"></script>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="layer/layer.js"></script>
<style type="text/css">
#checkall {
	background-color: #555555;
	border: none;
	color: white;
	padding: 5px 35px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 10px;
}
</style>
<script type="text/javascript">
		function quanXuan(obj){
			console.log($(obj).is(":checked"))
			if($(obj).is(":checked")){
				$("input[name='checkedCart']").attr("checked",true);
				zongJia();
			}else{
				$("input[name='checkedCart']").attr("checked",false);
			}
		}
		
		$(function(){
			var u=JSON.parse(window.localStorage.getItem("user"));
			console.log(u);
			if (u!=null) {
				$("#yinCang").hide();
				$("#xianShi").show();
				$("#uName").html(u.username);
				$("#uId").html(u.uid);
			}
			
			$.post("getAll",{
				uid: u.uid
			},function(res){
				console.log(res);
				for (var i = 0; i < res.length; i++) {
					$("#cartId").append(`
						<tr>
							<th scope="row"><label class="checked-label">
									<input type="checkbox" onclick="ifCheck(this)"
										id="${res[i].bookId}"
										name="checkedCart"
										checkCartId="${res[i].cid}" 
										price="${res[i].books.sellPrice}" 
										num="${res[i].number}" /><i></i>
									<div class="img">
										<img src="images/${res[i].books.img}" alt="" class="cover">
									</div> </label></th>
							<td>
								<div class="name ep3">${res[i].books.name}</div>
							</td>
							<td><span class="jj">¥${res[i].books.sellPrice}</span></td>
							<td>
								<div class="cart-num__box">
									<input type="number" class="val" id="${res[i].cid}" onchange="updateNum(this)" value="${res[i].number}" maxlength="2">
								</div>
							</td>
							<td><a href="" onclick="delCart(this,${res[i].cid})">删除</a></td>
						</tr>
					`);
				}
				for (var i = 0; i < ((res.length-res.length)+1); i++) {
					$("#deleteCartByWhereUid").append(`
						<a href="" onclick="deleteCartUid(this,${res[i].uid})">清空购物车</a>
					`);
				}
			},"json");			
		})
		
			// 根据id删除商品
			function delCart(obj,cid){
				$.post("deleteCartByWhere",{
					id: cid
				},function(res){
					layer.msg("刪除成功");
				},"json");
			}
		
		// 修改商品数量
		function updateNum(obj){
				console.log(obj);
				var id = obj.id;// 获取当前点击行的id
				var val = obj.value; // 获得当前行的数量
				
				$.post("updateCart",{
					id:id,
					num:val
				},function(res){
					if(res.code=="1"){
						layer.msg("修改失败");
					}else {
						window.location.reload();
					}
				},"json");
			}
		
		// 根据uid清空购物车
		function deleteCartUid(obj,uid){
			$.post("deleteCartByUid",{
				uid: uid
			},function(res){
				if(res.code=="1"){
					layer.msg("清空失败");
				}
			},"json");
		}
		
		// 判断是否勾选
		function ifCheck(obj){
			console.log(obj);
			$(obj).attr("checkCartId");
			if($(obj).is(":checked")){
				zongJia();
			}
		}
		
		// 计算总金额
		function zongJia(){
			var cart = $("input[name='checkedCart']");
			var sum = 0;
			console.log(cart);
			for(var i=0;i<cart.length;i++){
				if($(cart[i]).is(":checked")){
					sum += (parseInt($(cart[i]).attr("price"))*parseInt($(cart[i]).attr("num")));
					var n = JSON.stringify(parseInt($(cart[i]).attr("num")));
					var s=JSON.stringify(sum);
					var ids= JSON.stringify(parseInt($(cart[i]).attr("id")));
					var cid= JSON.stringify(parseInt($(cart[i]).attr("checkcartid")));
					console.log(n);
					console.log(s);
					console.log(ids);
					console.log(cid);
					window.localStorage.setItem("numbers",n);
					window.localStorage.setItem("zong",s);
					window.localStorage.setItem("oid",ids);
					window.localStorage.setItem("ccid",cid);
				}
			}
			$("#fuZhi").html(sum);
		}
		
		// 结算
		function jieSuan() {
			var n=JSON.parse(window.localStorage.getItem("numbers"));
			var s=JSON.parse(window.localStorage.getItem("zong"));
			var ids= JSON.parse(window.localStorage.getItem("oid"));
			var u=JSON.parse(window.localStorage.getItem("user"));
			var cid=JSON.parse(window.localStorage.getItem("ccid"));
			console.log(u);
			console.log(n);
			console.log(s);
			console.log(ids);
			console.log(cid);
			$.post("addOrders",{
				bookId: ids,
				userId: u.uid,
				totalMoney: s,
				status: "未付款",
				number: n
			},function(res){
				if (res.code=="1") {
					layer.msg("添加失败");
				} else {
					$.post("deleteCartByWhere",{
						id: cid
					},function(res){
						if (res.code=="1") {
							layer.msg("删除失败");
						}else {
							window.location.href="udai_shopcart_pay.html";
						}
					},"json");
				}
			},"json");
		}
	</script>
<title>广内殿</title>
</head>
<body>
	<!-- 顶部tab -->
	<div class="tab-header">
		<div class="inner">
			<div class="pull-left">
				<div class="pull-left">
					嗨，欢迎来到<span class="cr">广内殿</span>
				</div>

			</div>
			<div class="pull-right">
				<span id="yinCang"> <a href="login.html"><span class="cr">登录</span></a>
					<a href="login2.html">注册</a>
				</span> <span style="display: none;" id="xianShi"> uid:<span
					id="uId"></span> 欢迎:<span id="uName"></span>
				</span> <a href="udai_setting.html">个人中心</a> <a href="udai_order.html">我的订单</a>
			</div>
		</div>
	</div>
	<!-- 顶部标题 -->
	<div class="bgf5 clearfix">
		<div class="top-user">
			<div class="inner">
				<a class="logo" href="index.html"><img
					src="images/icons/logo.jpg" alt="U袋网" class="cover"></a>
				<div class="title">购物车</div>
			</div>
		</div>
	</div>
	<div class="content clearfix bgf5">
		<section class="user-center inner clearfix">
			<div class="user-content__box clearfix bgf">
				<div class="title">购物车</div>
				<form action="udai_shopcart_pay.html" class="shopcart-form__box">
					<table class="table table-bordered">
						<thead>
							<tr>
								<th width="150"><label class="checked-label"> <input
										type="checkbox" onclick="quanXuan(this)" class="check-all"><i></i>
										全选
								</label></th>
								<th width="300">商品信息</th>
								<th width="150">单价</th>
								<th width="200">数量</th>
								<th width="80">操作</th>
							</tr>
						</thead>
						<tbody id="cartId">

						</tbody>
					</table>
					<div class="user-form-group tags-box shopcart-submit pull-right">
						<button type="button" onclick="jieSuan()" class="btn">提交订单</button>
					</div>
					<div class="checkbox shopcart-total">
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href=""
							id="deleteCartByWhereUid"></a>
						<div class="pull-right">
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;合计（不含运费） <b class="cr">¥<span
								class="fz24" id="fuZhi"></span></b>
						</div>
					</div>
				</form>
			</div>
		</section>
	</div>
	<!-- 右侧菜单 -->
	<div class="right-nav">
		<ul class="r-with-gotop">
			<li class="r-toolbar-item"><a href="udai_welcome.html"
				class="r-item-hd"> <i class="iconfont icon-user" data-badge="0"></i>
					<div class="r-tip__box">
						<span class="r-tip-text">用户中心</span>
					</div>
			</a></li>
			<li class="r-toolbar-item"><a href="udai_shopcart.html"
				class="r-item-hd"> <i class="iconfont icon-cart"></i>
					<div class="r-tip__box">
						<span class="r-tip-text">购物车</span>
					</div>
			</a></li>
			<li class="r-toolbar-item"><a href="udai_collection.html"
				class="r-item-hd"> <i class="iconfont icon-aixin"></i>
					<div class="r-tip__box">
						<span class="r-tip-text">我的收藏</span>
					</div>
			</a></li>
			<li class="r-toolbar-item"><a href="" class="r-item-hd"> <i
					class="iconfont icon-liaotian"></i>
					<div class="r-tip__box">
						<span class="r-tip-text">联系客服</span>
					</div>
			</a></li>
			<li class="r-toolbar-item"><a href="issues.html"
				class="r-item-hd"> <i class="iconfont icon-liuyan"></i>
					<div class="r-tip__box">
						<span class="r-tip-text">留言反馈</span>
					</div>
			</a></li>
			<li class="r-toolbar-item to-top"><i class="iconfont icon-top"></i>
				<div class="r-tip__box">
					<span class="r-tip-text">返回顶部</span>
				</div></li>
		</ul>
	</div>
	<!-- 底部信息 -->
	<div class="footer">
		<div class="footer-tags">
			<div class="tags-box inner">
				<div class="tag-div">
					<img src="images/icons/footer_1.gif" alt="厂家直供">
				</div>
				<div class="tag-div">
					<img src="images/icons/footer_2.gif" alt="一件代发">
				</div>
				<div class="tag-div">
					<img src="images/icons/footer_3.gif" alt="美工活动支持">
				</div>
				<div class="tag-div">
					<img src="images/icons/footer_4.gif" alt="信誉认证">
				</div>
			</div>
		</div>
		<div class="footer-links inner">
			<dl>
				<dt>U袋网</dt>
				<a href="temp_article/udai_article10.html"><dd>企业简介</dd></a>
				<a href="temp_article/udai_article11.html"><dd>加入U袋</dd></a>
				<a href="temp_article/udai_article12.html"><dd>隐私说明</dd></a>
			</dl>
			<dl>
				<dt>服务中心</dt>
				<a href="temp_article/udai_article1.html"><dd>售后服务</dd></a>
				<a href="temp_article/udai_article2.html"><dd>配送服务</dd></a>
				<a href="temp_article/udai_article3.html"><dd>用户协议</dd></a>
				<a href="temp_article/udai_article4.html"><dd>常见问题</dd></a>
			</dl>
			<dl>
				<dt>新手上路</dt>
				<a href="temp_article/udai_article5.html"><dd>如何成为代理商</dd></a>
				<a href="temp_article/udai_article6.html"><dd>代销商上架教程</dd></a>
				<a href="temp_article/udai_article7.html"><dd>分销商常见问题</dd></a>
				<a href="temp_article/udai_article8.html"><dd>付款账户</dd></a>
			</dl>
		</div>
		<div class="copy-box clearfix">
			<ul class="copy-links">
				<a href="agent_level.html"><li>网店代销</li></a>
				<a href="class_room.html"><li>U袋学堂</li></a>
				<a href="udai_about.html"><li>联系我们</li></a>
				<a href="temp_article/udai_article10.html"><li>企业简介</li></a>
				<a href="temp_article/udai_article5.html"><li>新手上路</li></a>
			</ul>
			<!-- 版权 -->
			<p class="copyright">
				© 2005-2017 U袋网 版权所有，并保留所有权利<br>
				ICP备案证书号：闽ICP备16015525号-2&nbsp;&nbsp;&nbsp;&nbsp;福建省宁德市福鼎市南下村小区（锦昌阁）1栋1梯602室&nbsp;&nbsp;&nbsp;&nbsp;Tel:
				18650406668&nbsp;&nbsp;&nbsp;&nbsp;E-mail: 18650406668@qq.com
			</p>
		</div>
	</div>
</body>
</html>